body {
    background: #f5f7f6;
}

.midContent {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.assetReport {
    // height: 100%;
    background: #f5f7f6;
    .firstPage {
        margin: 0.5rem /* 20/40 */ 0.75rem 0rem;
        position: relative;
        height: 25.8rem /* 1032/40 */;
        width: 17.25rem /* 690/40 */;
        box-sizing: border-box;
        background: #ffffff;
        /* border-radius: 0.2rem; */
        overflow: hidden;
        img {
            width: 100%;
        }
        p {
            position: absolute;
            top: 1.1rem;
            left: 1.1rem;
            color: #394259;
        }
    }

    /* 名片大 */
    .nameBox {
        padding: 0 0.75rem;
        width: 100%;
        box-sizing: border-box;
        background: #f5f7f6;
        margin-top: 0.25rem /* 10/40 */;
    }
    .bigCardBox {
        // position: relative;
        width: 100%;
        height: 9.1rem;
        border-radius: .2rem;
        background: url(../../img/openBottom.png) no-repeat;
        background-size: 100% 100%;
        padding: 0 .8rem;
        .cardBox {
            padding: .575rem 0;
        }
        .bigLineBox {
            width: 100%;
        }
        .bigLineBox img {
            width: 100%;
        }
        .bigWeChatBox img, .bitToContract img {
            width: 1.625rem;
            height: 1.8rem;
        }
        .bitToContract {
            margin-right: .825rem;
        }
        .bigWeChatBox, .bitToContract {
            // margin-top: .5rem;
            float: right;
        }
        .bigPhoto .boxBoder {
            position: absolute;
            width: 2.45rem;
            height: 2.7rem;
            left: 0;
            top: 0;
        }
        .bigPhoto .boxBoder img {
            width: 100%;
            height: 100%;
        }
        .content .bigPhoto {
            position: relative;

        }
        .bigPhoto .boxF, .bigPhoto .boxS, .bigPhoto .boxT, .bigPhoto .overlay {
            // width: 2.45rem;
            // height: 2.7rem;
            width: 3.4rem;
            height: 3.825rem;
            overflow: hidden;
            /* border: solid 1px #b6a285; */
            background: #b6a285;
        }
        .bigPhoto .boxF, .bigPhoto .boxS {
            visibility: hidden;
        }
        .bigPhoto .boxF {
            transform: rotate(120deg);
            float: left;
            /* margin-left: 10px; */
            -ms-transform: rotate(120deg);
            -moz-transform: rotate(120deg);
            -webkit-transform: rotate(120deg);
        }
        .bigPhoto .boxS {
            transform: rotate(-60deg);
            -ms-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -webkit-transform: rotate(-60deg);
        }
        .bigPhoto .boxT {
            transform: rotate(-60deg);
            background: no-repeat 50% center;
            // background-size: 125% auto;
            -ms-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -webkit-transform: rotate(-60deg);
            visibility: visible;
            background-size: cover;
            background-position: top center;
            img {
                display: inline-block;
                width: 100%;
            }
            text-align: center;
        }

        .bigNameBox {
            float: left;
            margin-left: .75rem;
            margin-top: .8rem;
        }
        .bigNameTxt {
            font-size: 1rem;
            color: #e2c895;
            font-weight: 600;
        }
        .bigDiscridTxt {
            margin-top: .1rem;
            font-size: .6rem;
            color: #e2c895;
        }
        .bigDiscridTxt span {
            font-weight: 600;
        }
    }
    .wayBox {
        margin-top: 1.25rem;
        width: 100%;
        .wayLeft {
            float: left;
            // width: 100%;
            img {
                width: .425rem;
                height: .55rem;
                display: inline-block;
                vertical-align: text-bottom;
            }
            .phoneNo {
                b {
                    width: .55rem;
                    display: inline-block;
                }
            }
            .emailAd {
                margin-top: .25rem;
                img {
                    width: .55rem;
                    height: .45rem;
                }
            }

            span {
                font-size: .6rem;
                color: #e2c895;
            }
        }
        .wayRight {
            float: right;
        }
    }

    .packUp {
        padding: 0 .775rem;
        margin-top: .6rem;
        width: 100%;
        height: 100%;
        border-radius: .2rem;
        background: #ffffff;
        .packUpTxtBox {
            text-align: center;
        }
        .packUpTxt {
            font-size: .6rem;
            line-height: 1.8rem;
            color: #999999;
            img {
                display: inline-block;
                width: .45rem;
                height: .25rem;
            }
        }
        .packUpDetails {
            border-top: 1px dashed #f9e0b9;
            // margin-top: .25rem;
            // padding-top: .3rem;
            padding-bottom: .7rem;
            width: 100%;
            // .line{
            //     height: .05rem;
            img {
                display: inline-block;
            }
            // }
        }
        .upDetails {

            .font {
                margin-top: 1.525rem;
                .fontLeft {
                    float: left;
                    font-size: .6rem;
                    color: #5e5e5e;
                }
                .fontCenter {
                    margin-left: 1rem;
                    float: left;
                    width: 10rem;
                    font-size: .6rem;
                    color: #3c3c3c;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .personalIntro {
                    width: 13rem;
                    font-size: .6rem;
                    line-height: 1rem;
                    overflow: initial;
                    white-space: initial;
                    text-overflow: initial;
                }
                .postName {
                    width: 13rem;
                    overflow: inherit;
                    white-space: inherit;
                    text-overflow: inherit;
                }
                .btn {
                    float: right;
                    font-size: .6rem;
                    color: #3984ff;
                    a {
                        color: #3984ff;
                    }
                }
            }
        }
    }
    .riskRateContent {
        background: url("../../img/jqxbg.png");
        background: url(../../img/jqxbg.png) no-repeat 100%/100%;
        //background-size: 100% 100%;
        //background-repeat: no-repeat;
        //background-image: url(../../img/jqxbg.pngg);
        height: 10rem /* 400/40 */;
        width: 100%;
    }
    .statementContent {
        background: #f5f7f6;
        margin-top: 0.5rem /* 20/40 */;
        // padding-bottom: 1rem;
        // border-radius: .2rem;
    }
    .statementBox {
        padding: 0 .775rem 1rem;
        //margin: 0 1rem;
        background: #ffffff;
        //font-size: .7rem;
        //line-height: 1.4rem;
        //color: #394259;
        border-radius: .2rem;
        .statement {
            padding: 0.59rem /* 28/40 */ 0 0.7rem /* 28/40 */;
            color: #1D212B;
            font-size: 0.85rem /* 34/40 */;
        }
        .statementTime {
            text-align: right;
        }
        .statementTit {
            word-wrap: break-word;
            font-size: 0.6rem /* 24/40 */;
            color: #545861;
            line-height: .9rem;
        }
    }

    //风险属性
    .riskRateContent {
        padding: 0.8rem /* 32/40 */ 0.75rem /* 30/40 */;
        //display: flex;
        //flex-direction: column;
        //justify-content:space-between;
        margin-top: 0.45rem /* 18/40 */;
        .ristRate {
            line-height: 0.85rem /* 34/40 */;
            padding-bottom: 0.55rem /* 22/40 */;
            span:first-child {
                font-size: 0.85rem /* 34/40 */;
                color: #1D212B;
            }
            span:last-child {
                font-size: 0.6rem /* 24/40 */;
                color: #A88F7A;
                float: right;
            }
        }
        .riskRateDetail {
            li {
                line-height: 1.15rem /* 46/40 */;
            }
            i {
                display: inline-block;
                width: 0.3rem /* 12/40 */;
                height: 0.3rem /* 12/40 */;
                background-color: #ff6500;
                border-radius: 0.15rem /* 6/40 */;
                margin-right: 0.35rem /* 14/40 */
            }
            span {
                font-size: 0.6rem /* 24/40 */;
                color: #545861;
            }
            em {
                color: #FF6500;
            }
            a {
                color: #FF6500;
                vertical-align: center
            }
        }
    }
    .allLifeContent {
        //margin: 0 1rem;
        background: #ffffff;
        font-size: .7rem;
        line-height: 1.4rem;
        color: #394259;
        border-radius: .2rem;
        margin-top: 0.5rem /* 20/40 */;
        padding: .775rem 0.75rem /* 30/40 */;
        .allLifeBox {
           // padding: 0 0.5rem;
        }
        .imgBox {
            padding: 1rem 0;
            img {
                width: 100%;
            }
        }
        .allLifeText {
            overflow: hidden;
            .textIcon {
                float: left;
                // display: inline-block;
                width: .7rem;
                height: .7rem;
                margin-top: 0.30rem;
                // line-height: 1.4rem;
            }
            .textContent {
                i {
                    margin: 0;
                    padding: 0;
                    font-weight: bold;
                }
                overflow: hidden;
                // display: inline-block;
                // float: left;
                // width: 100%-1rem;
                margin-left: 1rem;
                // box-sizing: border-box;
            }
            .circle {
                width: .8rem;
                height: .8rem;
                margin-top: 0.2rem;
                transform: scale(.5);
                transform-origin: 0% center;
                float: left;
                border-radius: 0.4rem;
                background-color: #121c32;

            }

        }

    }

    .portrayalContent {
        background: #f5f7f6;
        margin-top: .25rem;
        // border-radius: .2rem;
    }
    .portrayalBox {
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin: 0 1rem;
        background: #ffffff;
        font-size: .7rem;
        color: #394259;
        line-height: 1.4rem;
        border-radius: .2rem;
        .padingL {
            margin-top: 1rem;
            padding: 0 .5rem;
        }
        .dimension {
            font-size: .7rem;
            color: #394259;
            font-weight: 800;
        }
        .fontRed {
            // color: #ff0000;
        }
    }
    .portrayalTit {
        //padding-left: .9rem;
        //border-left: .3rem solid #ff6905;
        font-size: 0.85rem /* 34/40 */;
        line-height: 1.5rem;
        color: #1D212B;
        font-weight: 500;
        height: 1.5rem;
        text-align: left;
        vertical-align: bottom;
        //width: 200%;
        //transform: scale(0.5);
        //transform-origin: 0 0;
        //padding-top: 0.1rem;
        span {
            float: right;
            color: #A88F7A;
            font-size: 0.6rem /* 24/40 */;
            vertical-align: bottom;
        }

    }
    .tabSelect {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        .tab {
            width: 2.9rem;
            height: 1.05rem;
            font-size: .6rem;
            text-align: center;
            line-height: 1.05rem;
            color: #dddddd;
            border: 1px solid #dddddd;
        }
        .tab:first-child {
            border-right: 1px solid #ff8637;
            border-radius: .1rem 0 0 .1rem;
        }
        .active {
            background-color: #fef1e2;
            border: 1px solid #ff8637;
            color: #ff8637;
        }
        .tab:last-child {
            border-left: none;
            border-radius: 0 .1rem .1rem 0;
        }
    }
    .portrayalTitMarginBottom {
        margin-bottom: 1rem;
    }

    .proposalPieContent {
        background: #f5f7f6;
        margin-top: .25rem;
        margin-bottom: .5rem;
        // border-radius: .2rem;proposalTable
    }
    .proposalPie {
        padding-top: 1rem;
        margin: 0 0.75rem /* 30/40 */;
        background: #ffffff;
        //border-radius: .2rem;
        text-align: center;
        img {
            display: inline-block;
            width: 80%;
        }
    }

    .proposalTable {
        //margin: .25rem 1rem 0;
        padding: 1rem 0.75rem /* 30/40 */ 0.75rem /* 30/40 */;
        background: #ffffff;
        border-radius: .2rem;
        margin-top: 0.5rem;
        margin-bottom: .5rem;
        .tableTwo {
            margin-top: 1rem;
            //     position: absolute; left: 0;
            // overflow-x: hidden;
            // overflow-y: scroll;
        }

        //v3.4.0表格修改
        .jtcpTable {
            .jtcpHeader {
                background-color: #f5ede8;
                text-align: left;
                font-size: 0.55rem;
                color: #1D212B;
                height: 1.8rem;
                line-height: 1.8rem;
                padding-left: 0.3rem;
                font-weight: 500;

                span {
                    margin-right: 0.75rem;
                }
            }

            .table {
                margin-bottom: 0;
                table-layout: fixed;
                white-space: normal;

                td {
                    font-size: 0.45rem;
                    // padding-left: 0.3rem ;
                    // padding-right: 1.15rem ;
                    padding-top: 0.4rem;
                    padding-bottom: 0.4rem;
                    height: auto;
                    border: 1px solid #dfdfdf;
                    text-align: left;
                    vertical-align: top;

                    //第一列默认宽度
                    &:first-child {
                        width: 6.75rem;
                        max-width: 6.75rem;
                        min-width: 6.75rem;
                    }
                    &:nth-child(2) {
                        width: 13.6rem;
                        max-width: 13.6rem;
                        min-width: 13.6rem;
                    }
                    &:nth-child(3) {
                        width: 3.9rem;
                        max-width: 3.9rem;
                        min-width: 3.9rem;
                    }
                    &:nth-child(4) {
                        width: 3.9rem;
                        max-width: 3.9rem;
                        min-width: 3.9rem;
                    }
                }
            }
        }
    }
    .proposalTableTop {
        margin-top: .5rem;
    }
    .tableBox {
        margin-top: 1rem;
        // transform: rotate(90deg);
        overflow-x: auto !important;

        // position: relative;

    }
    .analysis {
        margin: .25rem 1rem 0;
        padding-top: 1rem;
        background: #ffffff;
        border-radius: .2rem;
        text-align: center;
        .analysisMargin {
            margin-bottom: 1rem;
        }
        img {
            display: inline-block;
            width: 80%;
        }
    }
    .adjust {
        margin: .25rem 1rem 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background: #ffffff;
        border-radius: .2rem;
        text-align: center;
        img {
            display: inline-block;
            width: 100%;
        }
    }
    .appendix {
        //margin: .25rem 1rem 0;
        padding: 1rem 0.75rem /* 30/40 */;
        min-height: 3rem;
        background: #ffffff;
        marign-top: 0.5rem /* 20/40 */;
        //border-radius: .2rem;
        .appendixTxt {
            margin-top: 1rem;
            padding: 0 .5rem;
        }

    }

    .disclaimer {
        padding: 0.625rem /* 25/40 */ 1rem 0;
        //padding-top: 1rem;
        background: #ffffff;
        margin-top: 0.5rem /* 20/40 */;
        //border-radius: .2rem;
        .disclaimerTxt {
            //padding: .5rem .5rem 1rem;
            //font-size: 0.7rem;
            //line-height: 1.05rem;
            color: #394259;
        }
    }
    // .qrCode{
    //     // margin-bottom: 1rem;
    //     margin: .25rem 1rem 0;
    //     padding-top: 1rem;
    //     background: #ffffff;
    //     border-radius: .2rem;
    //     height: 9.775rem;
    //     .qrCodeL{
    //         margin-left: 3.675rem;
    //         float: left;
    //     }
    //     .qrCodeR{
    //         margin-right: 3.675rem;
    //         float: right;
    //     }
    //     .rL{
    //         margin-left: -0.25rem;
    //         margin-top: 1rem;
    //     }
    //     img{
    //         width: 4.175rem;
    //         height: 4.175rem;
    //     }
    //     p{
    //         text-align: center;
    //         font-size: .4rem;
    //         color: #394259;

    //     }
    // }
    .qrCode {
        margin: .25rem 1rem 0;
        padding: 1rem 1.75rem;
        background: #ffffff;
        border-radius: .2rem;
        height: 9.75rem;
        .qrCodeL, .qrCodeR {
            width: 6rem;
            height: 6rem;
            border: 1px solid #f5ede8;
            position: relative;

        }
        .qrCodeL {
            float: left;

        }
        .qrCodeR {
            float: right;
        }
        img {
            width: 4.175rem;
            height: 4.175rem;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .floatLTxtL, .floatRTxtR {
            width: 6rem;
            margin: 0 auto;
            p {
                text-align: center;
                font-size: .5rem;
                color: #394259;
            }
        }

        .floatLTxtL {
            float: left;

        }
        .floatRTxtR {
            float: right;
        }
        .txtMargin {
            margin-top: .5rem;
        }
        .nameMargin {
            margin-top: .2rem;
        }
    }
    .downLoad, .downLoadFix {
        margin: .5rem .5rem .5rem;
        padding: 0 .55rem;
        width: 17.75rem;
        height: 2.25rem;
        line-height: 2.25rem;
        font-size: .6rem;
        background-image: linear-gradient(
            #ffffff,
            #ffffff),
        linear-gradient(
            #666666,
            #666666);
        background-blend-mode: normal,
        normal;
        box-shadow: 0 0 .25rem #666666;
        border-radius: .2rem;
        // border: solid 1px #ededed;
        .logo {
            float: left;
            margin-right: .375rem;
            margin-top: .45rem;
            display: inline-block;
            width: 1.25rem;
            height: 1.375rem;
        }
        a {
            vertical-align: bottom;
            color: #ff6905;
        }
    }

    .downLoadFixBox {
        position: fixed;
        bottom: -0.2rem;
        padding-bottom: .4rem;
        overflow: hidden;
        z-index: 9999;
    }
    .downLoadFix {
        position: relative;
        overflow: hidden;
        .circleBox {
            position: absolute;
            text-align: center;
            line-height: 1rem;
            margin: 0 auto;
            right: 0;
            top: -0.6rem;
            border-radius: 1.1rem;
            background: #ffffff;
            width: 1.1rem;
            height: 1.1rem;
            box-shadow: 0 0 .25rem #666666;
        }
        // .circleSmall{
        //     // position: absolute;
        //     display: inline-block;
        //     width: .9rem;
        //     height: .9rem;
        //     border-radius: 100%;
        //     background-color: #ad8d77;
        //     opacity: 0.3;
        //     text-align: center;
        //     line-height: .9rem;
        //     color: #ffffff;
        //     font-size: .8rem;
        // }
        .circleSmall {
            position: relative;
            width: 2rem;
            height: 2rem;
            border-radius: 100%;
            background-color: #ad8d77;
            opacity: 0.3;
            text-align: left;
            float: right;
            margin-right: -1.4rem;
            margin-top: -1rem;
            .circleSmallX {
                position: absolute;
                left: .41rem;
                top: .35rem;
                color: #ffffff;
                font-size: .8rem;
            }
        }
    }
    .white {
        height: 1rem;
    }
    .fill {
        height: 3.5rem;
    }
    /* 弹框样式 */
    .alertBody {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }
    .alertBox {
        position: relative;
        z-index: 107;
        width: 16.875rem;
        height: 22.9rem;
        background: #ffffff;
        left: 50%;
        top: 45%;
        margin-left: -8.4375rem;
        margin-top: -11.45rem;
        border-radius: .4rem;
        padding-top: 2.5rem;
        box-sizing: border-box;
    }
    /* 弹框公共样式 */
    .alertCenterBox {
        margin-left: 1rem;
        // margin: 0 auto;
        box-sizing: border-box;
        width: 14.9rem;
        height: 14.9rem;
        background-color: #ffffff;
        border: solid .05rem rgba(186, 186, 186, 0.2);
    }
    /* 无二维码 */

    .noQrcode .noQrImg {
        margin-top: 2.725rem;
        width: 100%;
        text-align: center;
    }
    .noQrcode .noQrImg img {
        display: inline-block;
        width: 6.5rem;
        height: 5.95rem;
    }
    .noQrcode .noQrTip {
        margin-top: 2.175rem;
        width: 100%;
        text-align: center;
    }
    .noQrcode .noQrTip p:first-child {
        width: 100%;
        text-align: center;
        font-size: .8rem;
        color: #5e5e5e;
    }
    .noQrcode .noQrTip p:last-child {
        margin-top: .725rem;
        width: 100%;
        text-align: center;
        font-size: .6rem;
        color: #999999;
    }
    .noQrcode .phoneToPlanner {
        margin: 1.5rem auto 0;
        width: 7.5rem;
        height: 2.2rem;
        background: url(../../img/icon.png) no-repeat;
        background-size: cover;
        font-size: .8rem;
        line-height: 2.2rem;
        color: #ffffff;
        border-radius: .25rem;
        text-align: center;
        display: block;
    }
    /* 有二维码 */

    .haveQrcode .alertCenterBox {
        /*margin-top: 2.5rem;*/
        text-align: center;
    }

    .alertCenterBox img {
        width: 100%;
        height: 100%;
    }

    /* 关闭弹窗 */
    .closeBtnBox {
        position: absolute;
        bottom: -2.8rem;
        left: 7.575rem;
        width: 1.75rem;
        height: 1.75rem;
    }
    .haveQrcode .haveQrcodeTip {
        margin-top: 2rem;
        width: 100%;
        text-align: center;
        font-size: .8rem;
        color: #5e5e5e;
    }
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    border-bottom: 0.05rem solid #ffffff;
}

//提交报告按钮
.generateReport {
    background: #ff6500;
    color: #FFFFFF;
    width: 17.25rem /* 690/40 */;
    height: 2.2rem /* 88/40 */;
    font-size: 0.85rem /* 34/40 */;
    line-height: 2.2rem /* 88/40 */;
    text-align: center;
    position: absolute;
    left: 0.75rem;
    bottom: -3.5rem;
    border-radius: 0.2rem /* 8/40 */;
}
.generateReport1 {
    background: #ff6500;
    color: #FFFFFF;
    width: 17.25rem /* 690/40 */;
    height: 2.2rem /* 88/40 */;
    font-size: 0.85rem /* 34/40 */;
    line-height: 2.2rem /* 88/40 */;
    text-align: center;
    border-radius: 0.2rem /* 8/40 */;
}

//销售垫板及元持仓操作建议
.salesBasepPlate1{
  width: 100%;
  //height: 6.55rem /* 262/40 */;
  background: #fff;
  //margin-top: 0.5rem  /* 20/40 */;
  margin-bottom: 0.5rem;
  padding: 0.7rem /* 28/40 */ 0.75rem /* 30/40 */ 1rem /* 40/40 */;
  position: relative;
}
.salesBasepPlate {
    width: 100%;
    //height: 6.55rem /* 262/40 */;
    background: #fff;
    //margin-top: 0.5rem  /* 20/40 */;
    margin-bottom: 0.5rem;
    padding: 0.7rem /* 28/40 */ 0.75rem /* 30/40 */ 1rem /* 40/40 */;
    position: relative;
    .salesBasepPlateTit, .riskSuggestTitle {
        font-size: 0.85rem /* 34/40 */;
        color: #1d212b;
        line-height: 1rem /* 40/40 */;
        padding-bottom: 0.5rem  /* 20/40 */;
        i {
            font-size: 0.6rem /* 24/40 */;
        }
        span {
            float: right;
            color: #A88F7A;
            font-size: 0.6rem /* 24/40 */;
            vertical-align: bottom;
        }
    }
    .salesBasepPlateEdit {
        width: 100%;
        text-align: center;
        height: 4.5rem  /* 180/40 */;
    }
    button {
        width: 6rem /* 240/40 */;
        height: 2rem /* 80/40 */;
        border: 1px solid #5BA0F0;
        color: #5BA0F0;
        font-size: 0.7rem /* 28/40 */;
        border-radius: 1rem;
        position: absolute;
        left: 50%;
        bottom: 1rem /* 40/40 */;
        transform: translate(-50%,30%);
        top: 50%;
    }

}

.centerList {
    height: 1.6rem;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-between;
    padding: 0 .5rem;
    background-color: #fff;
    .active {
        color: #FF8637
    }
    li {
        font-size: .6rem;
        color: #707A8D;
        line-height: 1.6rem;
        span {
            position: relative;
        }

        .topArror {
            width: 0;
            height: 0;
            border-width: 0 .2rem .15rem;
            border-style: solid;
            border-color: transparent transparent #B2B6BF; /*透明 透明  灰*/
            position: absolute;
            top: 50%;
            right: -.5rem;
            margin-top: -0.15rem;
        }
        .topArror.active {
            border-color: transparent transparent #FF8637; /*透明 透明  灰*/
        }
        .bottomArror {
            width: 0;
            height: 0;
            border-width: .15rem .2rem 0;
            border-style: solid;
            border-color: #B2B6BF transparent transparent; /*透明 透明  灰*/
            position: absolute;
            top: 50%;
            right: -.5rem;
            margin-top: 0.1rem;
        }
        .bottomArror.active {
            border-color: #FF8637 transparent transparent; /*透明 透明  灰*/
        }
    }
}

.fundListWrap {

    margin-top: .5rem;
    //background-color: white;
    .listHead {
        height: 2rem /* 80/40 */;
        display: flex;
        align-items: center;
        color: #91959E;
        //font-size: .3rem;
        border-bottom: solid .05rem #E7E7E7;
        font-size: 0.6rem /* 24/40 */;
        .fundOrCustName {
            width: 6.4rem;
            //margin-left: 1rem;

        }

        .weekOrRetrace,
        .scaleOrNetworth {
            width: 4.5rem;
            text-align: end;
            span {
                position: relative;
            }

            .topArror {
                width: 0;
                height: 0;
                border-width: 0 .2rem .15rem;
                border-style: solid;
                border-color: transparent transparent #B2B6BF; /*透明 透明  灰*/
                position: absolute;
                top: 50%;
                right: -.5rem;
                margin-top: -0.15rem;
            }
            .topArror.active {
                border-color: transparent transparent #FF8637; /*透明 透明  灰*/
            }
            .bottomArror {
                width: 0;
                height: 0;
                border-width: .15rem .2rem 0;
                border-style: solid;
                border-color: #B2B6BF transparent transparent; /*透明 透明  灰*/
                position: absolute;
                top: 50%;
                right: -.5rem;
                margin-top: 0.1rem;
            }
            .bottomArror.active {
                border-color: #FF8637 transparent transparent; /*透明 透明  灰*/
            }
        }
        .workYear {
            width: 3.5rem;
            margin-left: 1.15rem /* 46/40 */;
        }
        .headStarRating {
            width: 1.3rem;
            margin-left: 1.9rem /* 36/40 */;
            //margin-right: .5rem;
            text-align: end;
        }
    }
    li {
        background-color: white;
        display: flex;
        min-height: 2.3rem;
        align-items: flex-start;
        //font-weight: bold;
        border-bottom: solid .05rem #f4f5f6;
        padding: 0.6rem 0.5rem /* 20/40 */;
        .fundName {
            //margin-left: .6rem;
            .productNameWrap {
                display: flex;
                align-items: center;
                .top3 {
                    //line-height: inherit;
                }
                .productName {
                    width: 7.3rem /* 292/40 */;
                    color: #1D212B;
                    font-size: 0.7rem /* 28/40 */;
                    //font-weight: bold;
                    -ms-word-wrap: break-word;
                    word-wrap: break-word;
                    word-break: break-all;
                    overfolw: hidden;
                    margin-left: 0.55rem /* 22/40 */;
                }
            }
            .fundNo {
                margin-left: 1.25rem;
                font-size: .55rem;
                color: #91959E;
                font-weight: normal;
            }
        }
        .newestRank {
            width: 3.45rem /* 138/40 */;
            text-align: end;
            margin-left: 0.3rem /* 12/40 */;
            margin-right: 1.125rem /* 45/40 */;
            text-align: end;
            .rankNum {
                font-size: 0.75rem /* 30/40 */;
            }
            .rankDate {
                font-size: .55rem;
                color: #91959E;
            }
        }
        .redFont {
            color: #FE4657
        }
        .greenFont {
            color: #10AA40
        }
        .workYear {
            width: 3.5rem;
            margin-left: 3.5rem;
        }
        .starRating {
            width: 2.3rem;
            //margin-left: 1rem;
            //margin-right: .5rem;
            text-align: end;
            font-size: 0.7rem /* 28/40 */;
        }

    }

}

//.title-block {
//    height: 26px;
//    text-align: center;
//}

.block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    //-webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
    //width: 360px;
    //margin: 0 auto;
    //font-size: 14px;
    //color: #4C4C4C;
    //line-height: 28px;
    //border: 1px solid #999;
    //padding: 10px;
}

.block > .detail {
    //max-height: 163px;
    margin-bottom: 10px;
    overflow: hidden;
    //text-overflow: ellipsis;
    //display: -webkit-box;
    -webkit-line-clamp: 5;
    //-webkit-box-orient: vertical
}

.block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 0 0 1rem 0;
    font-size: 0.6rem;
    color: #545861;
    line-height: 0.9rem;
    position: relative;
}

.block > .detail {
    height: 4.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}
.appendix .block > .detail{
    height: 7.25rem;
}

.block > .case-block, [type="checkbox"] {
    position: absolute;
    bottom:0rem;
    right: 0;
    width: 0.425rem /* 17/40 */;
    height: 0.425rem /* 17/40 */;
}

.block > .case-block div:nth-of-type(1) {
    display: block;
}

.block > .case-block div:nth-of-type(2) {
    display: none;
}

.block > [type="checkbox"] {
    display: block;
    z-index: 1000;

}

.block > [type="checkbox"]:hover + .case-block {
    background-color: #f5f5f5;
}

.block > [type="checkbox"]:checked + .case-block div:nth-of-type(1) {
    display: none;
}

.block > [type="checkbox"]:checked + .case-block div:nth-of-type(2) {
    display: block;
}

.block > [type="checkbox"]:checked + .case-block + .detail {
    height: auto;
    -webkit-line-clamp: inherit;
}

.riskSuggestFan {
    background-color: #ffffff;
    margin: 0.5rem 0rem 0.5rem;
    padding: 0.75rem  /* 30/40 */;
    .riskSuggestTitle {
        font-size: 0.85rem;
        color: #1D212B;
    }
    .chartBox {
        margin-top: 0.6rem;
        .chartTile {
            font-size: 0.6rem;
            color: #545861;
        }
        .pieChartBox {
            width: 100%;
            height: 8rem;
            margin-top: 1rem  /* 40/40 */;
        }
    }
}

.adjustSuggest {
    width: 100%;
    background: #fff;
    //margin-top: 0.5rem  /* 20/40 */;
    margin-bottom: 0.5rem;
    padding: 0.7rem /* 28/40 */ 0.75rem /* 30/40 */ 1rem /* 40/40 */;
    position: relative;
    .riskSuggestTitleLeft {
        font-size: 0.85rem /* 34/40 */;
        color: #1d212b;
        line-height: 1rem /* 40/40 */;
        .smallTxt {
            font-size: 0.6rem /* 24/40 */;
        }
    }
    .showoff{
        margin-top: 0.75rem  /* 30/40 */;
        color: #545861;
    }
    .riskSuggestTitleRight:first-child {
        margin-right: 1rem /* 40/40 */;
    }
    .riskSuggestTitleRight, .riskSuggestTitleRightB {
        display: inline-block;
        i {
            width: 0.5rem /* 20/40 */;
            height: 0.5rem /* 20/40 */;
            margin-right: 0.1rem /* 12/40 */;
            background-color: #DEECFC;
            display: inline-block;
        }
        span {
            font-size: 0.6rem /* 24/40 */;
            color: #545961;
        }
        .lg {
            background-color: #DEECFC;
        }
        .wg {
            background-color: #5BA0F0;
        }
    }
    .riskSuggestTitleRight {
        margin-left: 1rem /* 40/40 */;
    }
    .barChartsBox {
        width: 100%;
        height: 8rem;
    }
}

.riskSuggestBot {
    margin-top: 1rem /* 40/40 */;
    ul li {
        .title {
            color: #000;
            font-size: 0.725rem /* 29/40 */;
            display: flex;
            flex-direction: row;
            align-items: center;
            i {
                width: 0.2rem /* 8/40 */;
                height: 0.5rem /* 20/40 */;
                margin-right: 0.25rem /* 10/40 */;
            }
            .color_font {
                font-size: 0.7rem /* 28/40 */;
                margin-left: 0.25rem /* 10/40 */;
            }
        }
        .barChartBox {
            width: 100%;
            height: 2rem /* 80/40 */;
        }
    }

}

.doubleBarChartBox {
    width: 100%;
    height: 15.5rem;
}

.lineChartBox {
    width: 100%;
    height: 15rem;
    margin-bottom: 0.8rem;
}

.describe {
    font-size: 0.6rem;
    color: #545861;
    line-height: 1rem;
}

.ultimatelyScheme {
    width: 100%;
    background: #fff;
    //margin-top: 0.5rem  /* 20/40 */;
    margin-bottom: 0.5rem;
    padding: 0.7rem /* 28/40 */ 0.75rem /* 30/40 */ 1rem /* 40/40 */;
    .little {
        font-size: 0.6rem /* 24/40 */;
    }
    .ultimatelySchemeTitle_b {
        paddi-top: 0.3rem  /* 12/40 */;
        padding-bottom: 1rem  /* 40/40 */;
    }
    .ultimatelySchemeTitle {
        display: flex;
        justify-content: space-between;
        .u-s-t-left {
            display: inline-block;
            color: #1D212B;
            font-size: 0.85rem /* 34/40 */;
        }
        .u-s-t-right {
            font-size: 0.6rem /* 24/40 */;
            display: inline-block;
            color: #A88F7A;
        }
    }
    .tableTitle {
        color: #5BA0F0;
        font-size: 0.8rem /* 32/40 */;
        padding-bottom: 0.375rem  /* 15/40 */;
        .t-span {
            margin-left: 0.25rem  /* 10/40 */ ;
        }
    }
    .tableChunk {
        padding: 0.4rem  /* 16/40 */;
        background: #EEF5FD  ;
        margin-bottom: 0.4rem  /* 16/40 */;
        .chunkTitle {
            font-size: 0.7rem  /* 28/40 */;
            color: #000;
            padding-bottom: 0.4rem  /* 16/40 */;
        }
        table tr {
            th {
                color:#91959E;
                font-weight: 400 !important;
            }
            td {
                color: #545861;
                vertical-align: top;
            }
            td:nth-child(2) {
                margin-left: 0.3rem  /* 12/40 */;
                margin-top: 0.25rem  /* 10/40 */;
            }
        }
        tr:nth-child(2) {

        }
    }
}
.salesBasepPlateList {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    table tr {
        font-weight: normal;
        height: 2.3rem  /* 92/40 */;
        color:#1D212B ;
        font-size: 0.75rem  /* 30/40 */;
        vertical-align: top;
    }
    table tr:first-child {
        height: 2rem  /* 80/40 */;
        font-size: 0.6rem  /* 24/40 */;
        color: #91959E;
    }

    table th,td{
        text-align: right;
        vertical-align: top;
    }
    table  tr th:first-child {
        text-align: left;
    }
    table  tr td:first-child {
        text-align: left;
        font-size: 0.7rem  /* 28/40 */;
    }
    table  tr td:last-child {
        //text-align: right;
        font-size: 0.7rem  /* 28/40 */;
    }
}
.positionSuggest{
  background-color: #ffffff;
  margin-bottom: 0.5rem;

  .little{
    font-size: 0.6rem;
    color:#1D212B;
  }
  .positionSuggestTitle{
    font-size: 0.85rem;
    color:#1D212B;
    padding: 0.8rem 0.8rem 0 0.8rem;
  }
  .p-s-table{
    .p-s-table-header{
      display: flex;
      justify-content: flex-start;
      color:#91959E;
      font-size:0.6rem;
      line-height: 2rem;
      border-bottom: 0.025rem solid #f2f2f2;
      padding: 0 0.8rem;
      div:nth-of-type(1){
        width:40%;
      }
      div:nth-of-type(2){
        width:20%;
        text-align: right;
      }
      div:nth-of-type(3){
        width:20%;
        text-align: right;
      }
      div:nth-of-type(4){
        width:20%;
        text-align: right;
      }

    }
    .p-s-table-body{
      display: flex;
      justify-content: flex-start;
      color:#1D212B ;
      font-size:0.7rem;
      border-bottom: 0.025rem solid #f9fafa;

      padding: 0 0.8rem;
      div{
        padding:0.8rem  0;
      }
      div:nth-of-type(1){
        width:40%;

      }
      div:nth-of-type(2){
        width:20%;
        text-align: right;
      }
      div:nth-of-type(3){
        width:20%;
        text-align: right;
      }
      div:nth-of-type(4){
        width:20%;
        text-align: right;
      }

    }
  }
}
.iconfont1{
  background: url("../../img/openArrow.png");
  width: 0.5rem;
  height: 0.5rem;
  background-size: contain;
  border: none;
}
.iconfont2{
  background: url("../../img/openArrow.png");
  width: 0.5rem;
  height: 0.5rem;
  background-size: contain;
  border: none;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); /* Internet Explorer */
  -moz-transform:rotate(180deg); /* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg);
}
